<template>
  <div class="recommended-footer">
    <div class="top">
      <span></span>
      <h1>网易云音乐</h1>
    </div>
    <div class="center">
      <button>打开APP,发现更多好音乐></button>
    </div>
    <div class="bottom">
      <p>网易公司版权所有@1997-2021杭州乐读科技有限公司运营</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.recommended-footer {
  display: flex;
  // justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  .top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 10px;
    h1{
      color: #000;
      font-size: 30px;
    }
    span {
      padding: 38px;
      border-radius: 17px;
      height: auto;
      background: url("https://t12.baidu.com/it/u=2700743327,2690499371&fm=58")
        no-repeat;
      zoom: 0.5;
      margin-right: 15px;
    }
  }
  .center {
    button {
      padding: 10px 20px;
      border-radius: 21px;
      border: 1px solid red;
      color: red;
      background-color: white;
      font-size: 17px;
      margin-bottom: 10px;
    }
  }
  .bottom {
    font-size: 12px;
    zoom: 0.75;
    color: rgb(151, 151, 185);
  }
}
</style>